<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:with="title='督办',active='supervise'">
<header th:replace="comm/header::headerFragment(${title},${active})"></header>
<link th:href="@{/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css}" rel="stylesheet"/>
<head>
<style type="text/css">
#ttttttt:{
	height: 50px;
	width: 100px;
}
</style>
</head>
<body class="fixed-left">
<div id="wrapper">
    <div th:replace="comm/header::header-body"></div>
    <div class="content-page">
        <div class="content">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <form class="form-inline search pull-left" >
                          <div class="form-group">
                              <select class="form-control" id="dept_select" name="deptId"  style="width:200px;"  onchange="getUserList(this.value)">
                                        </select>
                                    </div>
                                      <div class="form-group">
                                      <select class="form-control" style="width: 200px;" id="user_select" name="userId">
                                     </select>
                                     </div>
                                    <div class="form-group">
                                      <input class="form-control datetimepicker" name ="startDate"  id="startDate" placeholder="开始时间">
                                     </div>  
                                    <div class="form-group">
                                      <input class="form-control datetimepicker"  name ="endDate"   id="endDate" placeholder="结束时间">
                                     </div>  
                                    <div class="form-group">
                                        <button type="button"  onclick="get()" class="btn btn-default">搜索</button>
                                    </div>
                                </form>
                    </div>
                      <div class="col-md-12">
                      <br>
                        <table class="table table-striped table-bordered">
                        <tbody id="list_result">
                         <tr ><td colspan="3">工作量</td></tr>
						<tr style="  height: 100px;text-align: center; vertical-align: middle; mrgin-top:10px;">
						<td><br><span style="font-weight: bold;"  id="work_all"></span><br>督办工作</td><td><br><span style="font-weight: bold;"  id="work_internal"></span><br>内部工作</td><td><br><span style="font-weight: bold;"  id="work_visit"></span><br>信访工作</td>
						</tr>
                       </tbody>
                        </table>
                          <br>
                        <table class="table table-striped table-bordered">
                        <tbody id="list_result">
                         <tr ><td colspan="3">完成情况</td></tr>
						<tr style="  height: 100px;text-align: center; vertical-align: middle;">
						<td><br><span style="font-weight: bold;"  id="complete_all"></span><br>督办工作</td><td><br><span style="font-weight: bold;"  id="complete_internal"></span><br>内部工作</td><td><br><span style="font-weight: bold;"  id="complete_visit"></span><br>信访工作</td>
						</tr>
                       </tbody>
                        </table>
                          <br>
                        <table class="table table-striped table-bordered">
                        <tbody id="list_result">
                         <tr ><td colspan="3">完成质量</td></tr>
						<tr style="  height: 100px;text-align: center; vertical-align: middle;">
						<td><br><span style="font-weight: bold;"  id="internal_satisfaction"></span><br>满意<br>内部工作评价</td><td><br><span style="font-weight: bold;"  id="internal_basic"></span><br>基本满意<br>内部工作评价</td><td><br><span style="font-weight: bold;"  id="internal_no"></span><br>不满意<br>内部工作评价</td>
						</tr>
						<tr style=" height: 100px;text-align: center; vertical-align: middle;">
						<td><br><span style="font-weight: bold;"  id="visit_satisfaction"></span><br>满意<br>信访工作评价</td><td><br><span style="font-weight: bold;"  id="visit_basic"></span><br>基本满意<br>信访工作评价</td><td><br><span style="font-weight: bold;"  id="visit_no"></span><br>不满意<br>信访工作评价</td>
						</tr>
                       </tbody>
                        </table>
                    </div>
             		</div> 
                <div th:replace="admin/footer :: footer-content"></div>
            </div>
        </div>
    </div>
</div> 
<div th:replace="comm/footer :: footer"></div>
<script th:src="@{/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js}"></script>       
<script th:src="@{/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.zh-CN.js}"></script>
<script type="text/javascript">
$(function() {
    $('.demo-cancel-click').click(function(){return false;});
     var uls = $('.sidebar-nav > ul > *').clone();
     uls.addClass('visible-xs');
     $('#startDate').datetimepicker({
    	    format: 'yyyy-mm-dd',
    	    language:"zh-CN", //汉化
    	    todayBtn : "true",  //显示今天按钮
    	    autoclose : true,   //选择日期后自动关闭日期选择框
    	    todayHighlight : true,   //当天高亮显示
    	    minView: "month",   //不显示时分秒
    	    showMeridian: 1,
    	    pickerPosition: "bottom-left",
    	}).on('click',function(e){
    	    $("#startDate").datetimepicker("setEndDate", $("#endDate").val());
    	}).on('change',function(){
	 		$(this).attr("class","form-control");
	 		$(this).siblings('span').html('');
		});
    	$('#endDate').datetimepicker({
    		format: 'yyyy-mm-dd',
    	    language:"zh-CN",
    	    todayBtn : "true",
    	    autoclose : true,
    	    todayHighlight : true,
    	    minView: "month",
    	    pickerPosition: "bottom-left",
    	}).on('click',function(e){
    	    $("#endDate").datetimepicker("setStartDate", $("#startDate").val());
    	}).on('change',function(){
	 		$(this).attr("class","form-control");
	 		$(this).siblings('span').html('');
		});
});
</script>
<script th:src="@{/js/supervise/statistics/index.js}"></script>
</body>
</html>